<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" href="css/common.css"/>
<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<title>clock</title>

<script type="text/javascript">
   //var int=self.setInterval("clock()",1000);
  window.onload=function(){
	  self.setInterval("clock()",1000);
	  
	  }
   function clock(){
	  var d=new Date();
	  var t=d.toLocaleTimeString();
	  document.getElementById("clock").value=t;
   }
 $(function(){
	 $("#myselect").change(function(){
       console.log($(this).val());
	   $("#onchoose").val($(this).val())
	   
});
	 })
</script>
<script>
   x=0;  
   y=0;  
  $(document).ready(function(){  
    $(".over").mouseover(function(){  
    $(".over span").text(x+=1);  
  });  
  $(".enter").mouseenter(function(){  
    $(".enter span").text(y+=1);  
  });  
});  
function zuobiao(){
	
	}
</script>
</head>

<body>
      <div>
       <input type="text" id="clock"/>
      
     </div>
     <input type="text" id="onchoose"/>
<select name="myselect" id="myselect">
    <option value="opt1">选项1</option>
    <option value="opt2">选项2</option>
    <option value="opt3">选项3</option>
</select>
 

     
<!--鼠标mouseover和mouseenter事件-->
<p>不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。</p>  
<p>只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。</p>  
<div class="over" style="background-color:lightgray;padding:20px;width:40%;float:left">  
<h2 style="background-color:white;">被触发的 Mouseover 事件：<span></span></h2>  
</div>  
<div class="enter" style="background-color:lightgray;padding:20px;width:40%;float:right">  
<h2 style="background-color:white;">被触发的 Mouseenter 事件：<span></span></h2>  
</div>  
 <div onmousemove="zuobiao()" style="width:90%;height:500px;border:1px solid red;"> 
 
 
 
 </div>
 
</body>
</html>
